<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>银通前海金融资产交易中心</title>
    <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" />
</head>

<body>
    <!-- 导航栏开始 -->
    <!-- <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">Navbar</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">平台服务</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                            aria-expanded="false">
                            公告中心
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">Action</a></li>
                            <li><a class="dropdown-item" href="#">Another action</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">机构专区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">会员专区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">关于我们</a>
                    </li>
                </ul>
                <form class="d-flex" role="search">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">Search</button>
                    <button class="btn btn-outline-success" type="submit">成为会员</button>
                    <button class="btn btn-outline-success" type="submit">登录</button>
                </form>
            </div>
        </div>
    </nav> -->
    <div id="navbar"></div>
    <!-- 导航栏结束 -->

    <!-- 页头开始 -->
    <section >
        <div class="background-image" style="
            background-image: url('img/bg-08.png');
            background-size: cover; 
            background-position-x: center;
            height: 284px;">
            <div class="container">
                <h4 class="h-4 text-white pt-4">机构会员系统</h4>
            </div>
        </div>
    </section>
    <!-- 页头结束 -->

    <!-- 机构卡片开始 -->
    <section>
        <div class="container p-0 ps-3">
            <div class="row" style="margin-top: -146px; margin-bottom: -750px;">
                <div class="col-2 g-0 pe-3">
                    <div class="card" style="height: 870px;">
                        <ul class="list-group text-dark">
                            <li class="list-group-item border-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-house" viewBox="0 0 16 16">
                                    <path
                                        d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z" />
                                </svg>
                                首页
                            </li>
                            <li class="list-group-item border-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                                    <path
                                        d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z" />
                                </svg>
                                用户管理
                            </li>
                            <li class="list-group-item border-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-window" viewBox="0 0 16 16">
                                    <path
                                        d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z" />
                                    <path
                                        d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm13 2v2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM2 14a1 1 0 0 1-1-1V6h14v7a1 1 0 0 1-1 1H2z" />
                                </svg>
                                我的资产
                            </li>
                            <li class="list-group-item border-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-file-earmark" viewBox="0 0 16 16">
                                    <path
                                        d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z" />
                                </svg>
                                我的文件
                            </li>
                            <li class="list-group-item border-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                    fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
                                    <path
                                        d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
                                    <path fill-rule="evenodd"
                                        d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z" />
                                </svg>
                                信息与账号
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-10 g-0">
                    <div class="card" style="height: 870px;">
                        <div class="row ps-2 pt-3">
                            <h5 class="h5 fw-bold">我的信息</h5>
                        </div>
                        <div class="row pt-2">
                            <div class="col">
                                <p class="text-muted  ps-2">姓名</p>
                                <p class="ps-2">张三13045618645</p>
                            </div>
                            <div class="col">
                                <p class="text-muted">机构名称</p>
                                <p>招招618645</p>
                            </div>
                            <div class="col">
                                <p class="text-muted">注册时间</p>
                                <p>2017-12-04</p>
                            </div>
                        </div>
                        <div class="row pt-2">
                            <div class="col">
                                <p class="text-muted  ps-2">成员个数</p>
                                <p class="ps-2">3</p>
                            </div>
                            <div class="col">
                                <p class="text-muted">我的挂牌项目个数</p>
                                <p>39</p>
                            </div>
                            <div class="col">
                            </div>
                        </div>
                        <div class="row ps-2 pt-3">
                            <h5 class="h5 fw-bold">项目列表</h5>
                        </div>
                        <div class="row ps-3 pe-3 border-5">
                            <table class="table ">
                                <thead>
                                    <tr class="bg-light">
                                        <th class="text-muted">名称</th>
                                        <th class="text-muted">开始时间</th>
                                        <th class="text-muted">起始价（元）</th>
                                        <th class="text-muted">报价类型</th>
                                        <th class="text-muted">竞价状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="w-33">上海明申企业（集团）有限公司不良债权（五次挂牌）</td>
                                        <td>2023-01-28 11:00:00</td>
                                        <td>576,000,000.00</td>
                                        <td>多次报价</td>
                                        <td>交易中</td>
                                    </tr>
                                    <tr>
                                        <td>浙江威力锻压机械有限公司不良债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>待交收确认</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                    <tr>
                                        <td>重庆国储石油集团有限公司等9户债权</td>
                                        <td>2023-01-20 11:00:00</td>
                                        <td>19,600,000.00</td>
                                        <td>一次报价</td>
                                        <td>已结束</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="list-group-item border-0 text-muted">共100条</li>
                                    <li class="page-item">
                                        <a class="page-link" href="#" aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                                    <li class="page-item"><a class="page-link" href="#">...</a></li>
                                    <li class="page-item"><a class="page-link" href="#">10</a></li>
                                    <li class="page-item">
                                        <a class="page-link" href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" >
                <div class="col d-none d-lg-block"></div>
                <div class="col-md-12 col-sm-12 col-lg-9 ">
                    
                </div>
                <div class="col d-none d-lg-block"></div>
            </div>
        </div>
    </section>
    <!-- 机构卡片结束 -->


    <!-- 主体开始 -->
    <section class="bg-light" style="height: 770px;">
    </section>
    <!-- 主体结束 -->

    <!-- 页脚开始 -->
    <footer class="bg-light">
        <div class="container">
            <div class="text-center pb-4">
                <small class="text-muted">
                    Copyright@2016-2022深圳市银通前海金融资产交易中心有限公司<span class="vr"></span>粤PC备151111356号-4
                </small>
            </div>
        </div>
    </footer>
    <!-- 页脚结束 -->

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript">
        $('#navbar').load('navbar.html');
    </script>
</body>

</html>